---
title: Vue component example
guid: vue-component-example-1
componentid: vue-component-example
----
# Vue component example 
This file shows how you can get a preview of a vue component.

Instead of showing html you choose vue as the preview language.

To make the component appear in the preview you must first import and include any components in the VueComponents.vue file

:::componentpreview
## Base state
```vue
<div class="vuecomponentcontainer">
<VueExampleComponent/>
</div>
```
:::